<script setup>
import zhCn from 'element-plus/dist/locale/zh-cn.mjs';
import { ref } from 'vue';
const msgCofig = ref({ max: 3 });
</script>

<template>
    <el-container>
        <el-aside class="nav-list" width="200px">
            <business-menu></business-menu>
        </el-aside>
        <el-container>
            <el-header>
                <business-breadcrumb></business-breadcrumb>
            </el-header>
            <el-main>
                <el-config-provider :locale="zhCn" :empty-values="[null, undefined]" :value-on-clear="undefined" :message="msgCofig" size="small">
                    <router-view v-slot="{ Component }">
                        <keep-alive>
                            <component :is="Component" />
                        </keep-alive>
                    </router-view>
                </el-config-provider>
            </el-main>
            <el-footer>Footer</el-footer>
        </el-container>
    </el-container>
</template>

<style>
#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #000000;
    font-size: 14px;
    height: 100vh;
    width: 100vw;
}
.el-container {
    height: 100%;
}
</style>
